<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!doctype html>
<html>
<head>
    <%@ include file="/common/common.jsp" %>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="${ctx }/js/zepto.min.js"></script>

    <link rel="stylesheet" href="${ctx }/statics/css/bootstrap.min.css">
    <link rel="stylesheet" href="${ctx }/statics/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="${ctx }/css/weui.min.css"/>
    <link rel="stylesheet" type="text/css" href="${ctx }/css/jquery-weui.css"/>

    <title>二维码详情</title>
</head>
<script type="text/javascript">
    var codeNo = '${codeNo}';//二维码编号
    var title = '${title}';//分享标题
    var desc = '${desc}';//分享描述
    var imgUrl = "https://www.iknowpuls.cn/wechat/lookImage?filePath="+'${imgUrl}'+"&imgSize=60x60";//分享图标
    $(function() {
        var timestamp = $("#timestamp").val();//时间戳
        var nonceStr = $("#noncestr").val();//随机串
        var signature = $("#signature").val();//签名
        var appId = $("#appId").val();//appid
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: appId, // 必填，公众号的唯一标识
            timestamp: timestamp, // 必填，生成签名的时间戳
            nonceStr: nonceStr, // 必填，生成签名的随机串
            signature: signature,// 必填，签名，见附录1
            //url:location.href.split('#')[0],
            jsApiList: ['onMenuShareAppMessage']
            // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });
        wx.ready(function () {
            wx.onMenuShareAppMessage({
                title: title, // 分享标题
                desc: desc, // 分享描述
                link: 'https://www.iknowpuls.cn/wechat/auth/shareCode/'+codeNo, // 分享链接，该链接域名必须与当前企业的可信域名一致
                imgUrl: imgUrl, // 分享图标
                success: function () {
                   // ('分享成功');
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    //('取消分享');
                    // 用户取消分享后执行的回调函数
                }
            });
        });
        wx.error(function (res) {
            // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
        });

    });
</script>
<body>
<input id="timestamp" type="hidden" value="${timestamp}" />
<input id="noncestr" type="hidden" value="${nonceStr}" />
<input id="signature" type="hidden" value="${signature}" />
<input id="appId" type="hidden" value="${appId}" />
<div class="page">
    <div style="text-align: center">
        <div class="weui-msg__icon-area">
            <img style="width: 98%;height: 92%;max-height: 900px;max-width: 600px" src="${ctx }/lookqrNewCode?codeNo=${codeNo}">
        </div>
        <div class="weui-msg__extra-area">
            <div class="weui-footer">
                <p class="weui-footer__links">
                    <a href="javascript:void(0);" class="weui-footer__link">由 道盈信息 提供服务支持</a>
                </p>
                <p class="weui-footer__text">Copyright @2017 备案号：湘ICP备17012799</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>